@import 'variables';
@import 'mixins';
.bgz-brand-container {
    height: 100%;
    padding: 2.2rem 0 0;
    position: relative;
    .brand-pannel {
        .brand-slide {
            #hotCarousel {
                position: relative;
                position: fixed;
                overflow: hidden;
                top: 2.2rem;
                width: 100%;
                z-index: 424554;
                height: 2.1rem;
                background-color: #fff;
                border-bottom: 1px solid #eaeaea;
                .tab-nav-wrap {
                    overflow: hidden;
                    .wj-brand {
                        height: 2.05rem;
                        border-bottom: 1px solid #e2e2e2;
                        margin-left: 0;
                        li {
                            height: 2.1rem;
                            line-height: 2.05rem;
                            text-align: center;
                            color: #333;
                            border-bottom: 0.2rem solid #fff;
                            padding: 0 0.64rem;
                            font-size: 0.75rem;
                            box-sizing: border-box;
                            a {
                                color: #767676;
                            }
                        }
                        .selected {
                            border-bottom: 0.2rem solid #ff5000;
                            color: #ff5000;
                        }
                    }
                }
            }
        }
        .brand-content {
            height: 100%;
            overflow-y: scroll;
            box-sizing: border-box;
            padding-bottom: 2.2rem;
            margin-top: 2.2rem;
            .content-hotpannel {
                padding-bottom: 2rem;
                .scroll-img {
                    position: relative;
                    height: 7.5rem;
                    width: 100%;
                    img {
                        width: 100%;
                        height: 7.5rem;
                    }
                    .swiper-container {
                        .swiper-pagination {
                            text-align: -webkit-left;
                            .swiper-pagination-bullet {
                                height: 0.4rem;
                                width: 0.4rem;
                                display: inline-block;
                                background-color: #979797;
                                margin-right: 0.25rem;
                                border-radius: 0.4rem;
                            }
                            .swiper-pagination-bullet-active {
                                background: #0C0C0C;
                            }
                        }
                    }
                }
                .hotBrand-slide {
                    margin: 10px 0;
                    .hotbrandwrap {
                        -webkit-overflow-scrolling: touch;
                        overflow: hidden;
                        #hotbrandScroll {
                            text-align: justify;
                            li {
                                margin-right: 0.15rem;
                                img {
                                    height: 3.75rem!important;
                                    width: 3.75rem!important;
                                }
                            }
                        }
                    }
                }
                .hotBrand-slide>p {
                    height: 30px;
                    line-height: 30px;
                    font-size: 14px;
                    padding-left: 15px;
                    font-weight: 700;
                }
                .brandlist {
                    .brandListNav {
                        position: fixed;
                        right: 0;
                        background-color: #f5f1f1;
                        top: 4.3rem;
                        opacity: 0.5;
                        z-index: 99;
                        ul {
                            text-align: justify;
                            li {
                                height: 1.4rem;
                                font-size: 0.65rem;
                                font-weight: 700;
                                padding: 0 0.15rem;
                                a {
                                    color: #5f5f5e;
                                }
                            }
                        }
                    }
                    .brandlist-p {
                        height: 30px;
                        line-height: 30px;
                        font-size: 14px;
                        padding-left: 15px;
                        font-weight: 700;
                    }
                    dl,
                    dt {
                        width: 100%;
                        height: auto;
                    }
                    dt {
                        background-color: #f7f7f7;
                        position: relative;
                        line-height: 0.75rem;
                        a:last-child {
                            position: absolute;
                            top: -4.7rem;
                        }
                    }
                    dd {
                        height: auto;
                        border-bottom: 1px solid #ededed;
                        a {
                            display: inline-block;
                            width: 100%;
                            height: 100%;
                            margin: 4% 0;
                            color: #333;
                        }
                    }
                    dd,
                    dt {
                        padding-left: 1.1rem;
                        font-size: 0.6rem;
                    }
                }
            }
            .content-menpannel {
                .menbrandwrap {
                    padding-bottom: 2rem;
                    text-align: justify;
                    li {
                        width: 5.15rem;
                        height: 5.15rem;
                        border-right: 1px solid #f7f7f7;
                        border-bottom: 1px solid #f7f7f7;
                        display: inline-block;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
}
.scroll-component>*>* {
    display: inline-block;
}
.scroll-component>* {
    padding: 0;
    margin: 0;
    overflow-x: auto;
    padding-bottom: 30px;
    margin-top: -30px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    white-space: nowrap;
}